<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
     <title>添加图书</title>
     <style>
          body {
              font-family: Arial, sans-serif;
              background-color: #f0f0f0;
          }
  
          h3 {
              color: #007acc;
              text-align: center;
          }
  
          hr {
              border: none;
              border-top: 1px solid #3399ff;
          }
  
          form {
              width: 400px;
              margin: 0 auto;
              background-color: white;
              padding: 20px;
              border-radius: 5px;
              box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
          }
  
          fieldset {
              border: none;
          }
  
          legend {
              font-size: 18px;
              color: #007acc;
              padding-bottom: 10px;
          }
  
          table {
              width: 100%;
          }
  
          td {
              padding: 10px 0;
          }
  
          label {
              font-weight: bold;
              color: #555;
          }
  
          input[type="text"] {
              width: 100%;
              padding: 8px;
              border: 1px solid #ccc;
              border-radius: 3px;
          }
  
          input[type="submit"] {
              background-color: #007acc;
              color: white;
              border: none;
              padding: 10px 20px;
              border-radius: 3px;
              cursor: pointer;
              transition: background-color 0.3s ease;
          }
  
          input[type="submit"]:hover {
              background-color: #005f99;
          }
      </style>
</head>
<body>
     <h3>添加图书</h3>
     <hr />
     <form method="post">
          <fieldset>
               <legend>添加数据</legend>
                <table>
                     <tr>
                          <td><label>图书名称</label></td>
                          <td><input type="text" name="bookname" /></td>
                     </tr>
                     <tr>
                          <td><label>作者</label></td>
                          <td><input type="text" name="author" /></td>
                     </tr>
                     <tr>
                          <td><label>出版社</label></td>
                          <td><input type="text" name="press" /></td>
                     </tr>
               </table>
               <input type="submit" />
          </fieldset>
     </form>
</body>
</html>